<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <title>招聘平台</title>
  <meta name="keywords" content="招聘平台">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover"/>
  <!-- build:css -->
  <link rel="stylesheet" href="lib/css/base.css"/>
  <link rel="stylesheet" href="lib/css/cockpit.css">
  <link rel="stylesheet" href="lib/css/table.css">
  <script src="lib/js/jquery.min.js"></script>

</head>
<body class="page-box" id="app">

<div id="content-container">

  <div class="content-container-wrapper">

    <div class="go-back" id="goBack" style="display: none">
      <img style="z-index: 998" src="lib/img/icon_switch.png">
      <span class="tips-font">返回</span>
    </div>

    <!-- 背景图 -->
    <div class="bg-video"></div>

    <div class="content-container-inner">

      <!-- 表格 -->
      <div class="table-wrapper">
        <span id="Date"></span>
        <table class="table-striped part3-dialog-table" width="100%">
          <thead>
          <tr>
            <th  style="padding-left:50px">公司名称</th>
            <th width="119">联系人</th>
            <th width="201">联系方式</th>
            <th width="199">岗位</th>
            <th width="120">招聘人数</th>
            <th width="120">学历要求</th>
            <th width="254">薪资待遇</th>
          </tr>
        </table>
        <div style="overflow:auto;height:664px; margin-right: -6px;">
        <table class="table-striped part3-dialog-table" id="recruitingTable" width="100%" style="margin-top:-112px;">
          <thead style="visibility: hidden">
          <tr>
            <th width="380" style="padding-left:50px">公司名称</th>
            <th width="110">联系人</th>
            <th width="190">联系方式</th>
            <th width="190">岗位</th>
            <th width="110">招聘人数</th>
            <th width="110">学历要求</th>
            <th width="240">薪资待遇</th>
          </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
        </div>
      </div>
      <div class="popup-transparnt-bg" style="display:none" id="loadingBox">
        <div class="loading-box">
          <img src="./lib/img/loading.gif" alt="">
        </div>
      </div>
    </div>
  </div>

</div>
<!--引入行政区划、派出所选择框-->



<script type="text/javascript" src="lib/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="lib/js/StringUtils.js"></script>
<script type="text/javascript" src="lib/js/resize.js"></script>
<script type="text/javascript" src="lib/js/dataJson.js"></script>
<script type="text/javascript" src="lib/js/nowDate.js"></script>
<script type="text/javascript" src="lib/js/JsonExportExcel.min.js"></script>

<script>
$(function () {
  var options = {
    bDestroy:true,
    searching: false,
    bPaginate: false ,//表格分页
    bSort: false,
    bLengthMenu: false,
    bInfo: false,
    bAutoWidth: false,
    bLengthChange: false,
    bProcessing: true,
    data:dataJson,
    columns: [
      {
        data: "unit",
        class:'addr',

        align: 'left',
        render: function (data, type, full, meta) {
          return `<span class='fs18'>${data}</span>`+ "<span class='gray-span'>地址：" + arguments[2].address + "</span>"
        }
      },
      {data: "linkPerson",width:110,bSortable: false, align: 'left',render:(data)=>{return data || '--'}},
      {data: "linkPhone", width:190,bSortable: false, align: 'left',render:(data)=>{return data || '--'}},
      {data: "jobName",width:190, bSortable: false, align: 'left',render:(data)=>{return data || '--'}},
      {data: "personNumber", width:110,bSortable: false, align: 'left',render:(data)=>{return data || '--'}},
      {data: "educational",  width:110,bSortable: false, align: 'left',render:(data)=>{return data || '--'}},
      {data: "salary", class:'ft14',width:240,bSortable: false, align: 'left',render:(data)=>{return data || '--'}}

    ],
  };

  $('#recruitingTable').dataTable(options);


  // 设置时间
  setInterval(function () {
        var d = document.getElementById('Date');
        d.innerHTML =getDateTime();
    }, 1000)




  $('#recruitingTable').unbind('mouseenter').off('mouseenter').unbind('mouseleave').off('mouseleave').hover(function () {
    $(this).css('overflow','auto')
    window.moving && clearInterval(window.moving);
  }, function () {
    $(this).css('overflow','hidden')
    window.moving = setInterval(animateDrawer, 4000)
  }).trigger('mouseleave')

})


function animateDrawer() {
  var wrap = $('#recruitingTable');
  var field = wrap.find('tbody tr:first');
  wrap.animate({marginTop: '-' + 224 + 'px'}, 800, 'linear' , function () {
    wrap.css('marginTop', '-112px'); field.appendTo(wrap.find('tobody'));
  })
}

window.moving = setInterval(animateDrawer, 4000)

</script>

</body>
</html>